
<script>

	$(function(){
		$('button').button();
	});	
	
	function loadPage(page){
		$("#viewResults").load(page);
	}
	
	function loadPageWithReq(request, page) {
        $.post(request, function(data) {
            $("#viewResults").load(page);
        });
    }
	
	function viewAllReqs(){
		loadPageWithReq("/proddev/controller?manager=dataAccessManager&method=9", "content/project/devTools/workspace/needReqs/viewAllReqs.jsp");
	}

</script>

<div id="viewResButtons" style="margin: 10 0 0; width:100%; float:left; ">
	<button id="viewAllReqs" name="viewAllReqs" onclick="viewAllReqs()" style="width:200px; font-weight:bold; float:left;">View all requirements</button>
	<button id="viewShReqs" name="viewShReqs" onclick="viewShReqs()" style="width:300px; font-weight:bold; float:left; margin-left:10px;">View requirements by stakeholders</button>
	<button id="viewReqsLCS" name="viewReqsLCS" onclick="viewReqsLCS()" style="width:300px; font-weight:bold; float:left; margin-left:10px;">View requirements by life cycle stage</button>
</div>
<div style="clear:both"></div>

<div id="viewResults" style="margin:10 0 0;"></div>
<div style="clear:both"></div>